<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>平台登录</title>
    <link rel="stylesheet" href="/static/css/reset.css">
    <%--layui css--%>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1981917_g2q5h869bks.css">
    <style>
        body {
            display: flex;
            flex-direction: column;
        }

        #xc-content{
            width: 100%;
            margin-top: 50px;
            /*left: 400px;*/
            /*display: flex;*/
            /*justify-content: center;*/
        }
        #xc-content .xc-content-box{
            width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: center;

        }
        /*左边框*/
        #xc-content .xc-content-box .xc-laia {
            position: relative;
            margin-right: 3.75px;
            height: 450px;
            width: 14%;
            border-top: 1px solid #BED3EE;
            border-right: 0.75px solid #BED3EE;
            border-bottom: 1px solid #BED3EE;
            border-left: 0.75px solid #BED3EE;
            background-color: #F7FBFF;
        }
        /*子边框*/
        #xc-content .xc-content-box .xc-laia .xc-laib {
            background-color: transparent;
            border-bottom: none;
            font-family: simsun;
            color: #333;
        }

        #xc-content .xc-content-box .xc-laia .xc-laib .xc-laibc {
            height: 45px;
            line-height: 45px;

        }

        #xc-content .xc-content-box .xc-laia .xc-laib .xc-laibc > a {
            display: block;
            padding-left: 5px;
        }

        #xc-content .xc-content-box .xc-laia .xc-laib .xc-laibc > a.select {
            background-color: white;
        }
        #xc-content .xc-content-box .xc-laia .xc-laib .xc-laibc > a:visited {
            width: 144px;
            background-color: #2477E3;
            color: #2477E3;
        }
        #xc-content .xc-content-box .xc-laia .xc-laib .xc-laibc > a.select >div{
            color: #2477E3;
            background-color: #fff;

        }

        #xc-content .xc-content-box .xc-laia .xc-laib .xc-laibc > a:hover {
            background-color:white;
        }
        #xc-content .xc-content-box .xc-laia .xc-laib .xc-laibc > a:hover > div{
            color: #2477E3;
        }
        #xc-content .xc-content-box .xc-laiaa {
            border: solid #e8e8e8;
            border-width: 0 1px 1px;
            background: #efefef;
            position: relative;
            width: 70%;
            margin-left: 40px;

        }
        .layui-this {
            margin-right: 5px;
            line-height: 37px;
            border: 1px solid #ccc;
            color: #2577e3;
            border-color: #2577e3;
            /* color: #06c; */
            min-width: 65px;
        }


        /*}*/
        .layui-input-block{
            width: 100%;
            margin: 0px;
            position: relative;
            align-content: center;
        }
        #xc-content .xc-content-box .xc-laiaa .xc-laiaa-box {
            position: relative;
            padding:0px;
            width: 100%;
            height: 440px;
            background-color: white;
        }
    </style>
</head>
<body>
<div id="xc-content">
    <div class="xc-content-box">
        <!--//左边框-->
        <div class="xc-laia">
            <ul class="xc-laib">
                <li class="xc-laibc"><a href="/admin/index.jsp"><div>我的携程首页</div></a></li>
                <li class="xc-laibc"><a class="select" href="/order/order.jsp"><div>订单</div></a></li>
                <li class="xc-laibc"><a href=""><div>攻略</div></a></li>
                <li class="xc-laibc"><a href=""><div >购票</div></a></li>
                <li class="xc-laibc"><a href=""><div>优惠卷 </div></a></li>
                <li class="xc-laibc"><a href=""><div>积分</div></a></li>
                <li class="xc-laibc"><a href=""><div>我的收藏</div></a></li>
                <li class="xc-laibc"><a href=""><div>我的发票</div></a></li>
                <li class="xc-laibc"><a href=""><div>常用信息</div></a></li>
                <li class="xc-laibc"><a href=""><div>个人中心</div></a></li>
            </ul>
        </div>
        <div class="xc-laiaa">
            <div class="xc-laiaa-box">
                <h1 style="font-size: 30px;text-align: center">新增订单</h1>
                <form action="/api/order/addOrder" class="layui-form" method="post" style="margin: 10px auto;width: max-content">
                    <div class="layui-form-item">
                        <label class="layui-form-label">订单类别:</label>
                        <div class="layui-input-inline">
                            <input type="text" name="order_cat" required  lay-verify="required" placeholder="请输入订单类别" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">订单价格:</label>
                        <div class="layui-input-inline">
                            <input type="text" name="order_pic" required lay-verify="required" placeholder="请输入订单价格" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block" style="text-align: center">
                            <button class="layui-btn" lay-submit lay-filter="formDemo" >提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/layui/layui.all.js"></script>
    <script></script>
</body>
<%--<div id="mm-detail">测试弹出层</div>--%>
</html>
